<div id="to_complete" v-cloak>
    <Row type="flex" justify="center" class="code-row-bg">
        <i-input v-model="value4" icon="ios-clock-outline" placeholder="请输入送货单号" style="width: 350px">
            <i-button type="primary" icon="ios-search" slot="append" @click="getfind">搜索</i-button>
        </i-input>
        <i-button type="primary" @click="getwaitdata" style="margin-right:5px;">全部</i-button>
        <i-button type="primary" @click="exportData(1)" style="margin-right:5px;">一键导出</i-button>
        <!-- <i-button type="primary" style="margin-right:5px;">推送</i-button> -->
        <i-col span="24">
            <i-table style="margin-left:15px;" :loading="loading" :border="true" :stripe="true" height="800" :columns="columns" :data="historyData"
                ref="table"></i-table>
        </i-col>
        <Page :total="dataCount" :page-size="pageSize" show-total show-elevator :current="1" @on-change="changePage">
        </Page>
    </Row>
    <!-- <Modal v-model="calmodal1" title="取消订单" @on-ok="ok" @on-cancel="cancel">
        <b><p style="font-size:15px">当前送货单号：{{freightId}}</p>
        <p style="font-size:15px">当前订单号：{{orderid}}</p></b> -->
    <!-- <span style="font-size:15px">备注：</span></b>
        <i-input v-model="value5" icon="ios-clock-outline" placeholder="请输入备注信息" style="width: 350px"></i-input> -->
    <!-- <i-select v-model="model1" style="width:200px">
            <i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
                </Select>
    </Modal> -->
    <Modal v-model="calmodal1" width="360">
        <p slot="header" style="color:#f60;text-align:center;font-size: 20px;">
            <icon type="information-circled"></icon>
            <span>取消订单</span>
        </p>
        <div style="text-align:center">
            <b>
                <p style="font-size:15px">当前送货单号：{{freightId}}</p>
                <p style="font-size:15px">当前订单号：{{orderid}}</p>
                <span style="font-size:15px">取消原因：</span></b>
                <i-select v-model="model1" style="width:200px">
                    <i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
                </i-select>
            </b>
        </div>
        <div slot="footer">
            <i-button type="error" size="large" long :loading="modal_loading" @click="del">取消</i-button>
        </div>
    </Modal>
</div>
<script type="text/javascript" src="JS/page/delivery_note/to_complete.js"></script>
</script>
<style>
    .ivu-modal {
        top: 250px;
    }
</style>